import React from 'react';
import {createStackNavigator} from '@react-navigation/stack';
import Home from '../pages/Home';
import Reward from '../pages/Reward/index';
import Shop from '../pages/Shop';
// import Mine from '../pages/PersonalCenter/Index/index';
import {screenHeaderOptions} from '../Theme';

const Stack = createStackNavigator();

export const HomeContainer = () => {
  return (
    <Stack.Navigator screenOptions={screenHeaderOptions}>
      <Stack.Screen
        name="Home"
        component={Home}
        options={{headerShown: false}}
      />
    </Stack.Navigator>
  );
};

export const CommunityContainer = () => {
  return (
    <Stack.Navigator screenOptions={screenHeaderOptions}>
      <Stack.Screen
        name="Shop"
        component={Shop}
        options={{headerShown: false}}
        // options={{title: '社区'}}
      />
    </Stack.Navigator>
  );
};

export const MessageContainer = () => {
  return (
    <Stack.Navigator screenOptions={screenHeaderOptions}>
      <Stack.Screen
        name="Reward"
        component={Reward}
        options={{headerShown: false}}
        // options={{title: '消息'}}
      />
    </Stack.Navigator>
  );
};

export const UserContainer = () => {
  return (
    <Stack.Navigator screenOptions={screenHeaderOptions}>
      {/* <Stack.Screen
        name="Mine"
        component={Mine}
        options={{headerShown: false}}
      /> */}
    </Stack.Navigator>
  );
};

export const Rewardcontair = () => {
  return (
    <Stack.Navigator screenOptions={screenHeaderOptions}>
      <Stack.Screen
        name="Mine"
        component={Mine}
        options={{headerShown: false}}
      />
    </Stack.Navigator>
  );
};
